/*通用样式*/	
*{font-family:"微软雅黑";}
body{ margin:0; padding: 0; }
ul{ margin:0; padding:0;}
li{ list-style:none;}
a{text-decoration:none; cursor:pointer;}
p{ margin:0;}
input{ margin:0; padding:0; border:none; outline:none;}

h2,h1,h3,h4,h5,h6{ margin:0;font-family:"微软雅黑"; font-weight: normal;}
.clearfix{ clear:both;}
	
/*顶部欢迎语*/

.top-fixed{ 
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1000;}

.top-wel{ 
	width: 100%; 
	height: 40px; 
	background:#3a3a3a url(../images/top-wel-bg.jpg) no-repeat top center;}
.top-center{
	width: 1200px;
	margin: 0 auto;
	background-color:#3a3a3a;
	font-family:"微软雅黑";
	font-size:14px; 
	color:#FFFFFF; 
	line-height: 40px;}
.top-center .top-left{ 
	float: left;
	margin-left: 10px;}
.top-center .top-right{ 
	float: right; 
	margin:0; 
	overflow: hidden;}
.top-center .top-right img{ 
	float: left; 
	margin-right: 20px; 
	margin-top: 9px;}
.top-center .top-right h4{
	font-size:14px; 
	color:#FFFFFF;
	float: left;}
.top-center .top-right span{
	font-size:22px; 
	color:#c8271f; 
	font-weight: bolder;
	float: left;}

/*导航样式*/
.nav-bg{ background-color: #fff; /*opacity: 0.8;*/}
/*.nav-bg:hover{ background-color: #fff; opacity:1;}*/
.center-box{ width: 1200px; margin: 0 auto; height: 126px;}
.center-box .logo{ float: left; margin-top: 30px;}
.center-box .nav{ float: right; width: 880px;}
.nav li{ float:left; width: 110px; line-height: 126px;}
.nav li a{ display: block; width:110px; height: 126px; font-size:16px;color:#333; text-align:center;line-height: 126px; }
.nav li:hover{background-image: url(../images/li-bg.jpg)}
.nav li:hover a{color:#fff;}
.erji{ width:110px;overflow: hidden; position: absolute; z-index:9990;}
.nav ul li .erji li{height: 32px;line-height: 50px; border-bottom:1px solid #ccc; overflow: hidden;}
.nav ul li .erji li a{ display:block; width:110px; margin:0px; padding:0px; height:32px; line-height:32px; background:#fff;color: #3e3e3e;font-size: 14px;text-align:center;}
.nav ul li .erji li a:hover{background:#c8271f;color: #fff;}



.ban-ct{ width: 1200px; margin: 0 auto;position: absolute; z-index: 10;top:166px; height: 751px;}
.tab_box2{ width:360px; height:273px;background:#e9e9e9;position: relative; left: 838px; top: 240px;}
.tab_box2 .tab_tit2{ width:362px; height:52px;}
.tab_box2 .tab_tit2 a{display:block;width:180px;height:52px;line-height:52px;text-align:center;	text-decoration:none; 
	                 float:left; font-family:"微软雅黑"; font-size:18px; color:#666666;
                       border: solid 1px #ccc;}
.tab_box2 .tab_tit2 .tab_current2{ width:180px; height:52px; color:#e90000;}
.tab_con2{ height: 220px; width: 360px;border: solid 1px #ccc; }
.tab-wb{ margin: 24px 24px 0;font-size:16px; color:#666666;}
.tab-wb input{ background:#e9e9e9; border: solid 1px #ccc; width: 236px; height: 38px; padding-left: 10px;}
.tab-tj{ width: 150px; text-align: center;float: right; margin-right: 52px;}
.tab-tj input{width: 150px; height: 36px; border: none;color:#FFFFFF;font-size:18px; background-color:#c8271f; }


.slide img{width: 100%;height: 100%;}  








/*阳光视线——中国眼镜店装修领导品牌*/
.bt{ padding-top: 100px; height: 832px; background-color: #fff;}
.center-box1{background: url(../images/bt-bg.png) no-repeat; width: 1200px; margin: 0 auto 50px;}
.center-box1 h1{font-size:36px; color:#333333; font-weight: bold; text-align: center; }
.center-box1 h2{font-size:18px; color:#666666;text-align: center;}
.center-box2{ width:1200px; margin: 0 auto;}
.pinpai-box{ width: 220px; height: 300px; border:#acacac solid 1px;color:#333333; margin: 0 10px; float: left;}
.pinpai-box img{ margin: 24px auto; display: block;}
.pinpai-box h2{font-size:18px;text-align: center;}
.pinpai-box .hengxian{ width: 33px; height: 1px; background-color: #c8271f;margin: 10px auto;}
.pinpai-box h3{font-size:14px; text-align: center;}
.pinpai-box:hover{ background-color: #c8271f; color: #FFFFFF}
/*.pinpai-box h2,h3:hover{color:#FFFFFF;}*/
.pinpai-box:hover .hengxian{background-color: #FFFFFF;}

.certer-box3{ width: 1200px; height: 258px; border: solid #ccc 1px; background-color: #f5f5f5; margin: 50px auto 0;}
.certer-box3 .kuaisu{ background: url(../images/6.png) no-repeat; width: 210px; height: 258px; margin-left: 17px; float: left;}
.kuaisu img{ margin: 30px 0 0 40px; display: block;}
.kuaisu h3{font-size:24px;color:#333333; margin-left:30px; line-height: 50px;}
.certer-box3 .table-box{ float: left;}
.table-box .js-demo-1,.js-demo-2,.js-demo-0,.js-demo-3{ width:630px;font-size:14px; color:#666666; }
.table-box{font-size:14px; color:#666666;}
.js-demo-3 input{ width: 95px; height: 26px; border: #ccc 1px solid;font-size:14px; color:#666666;}
.js-demo-2 label{ margin-right: 14px;}
.js-demo-1 label{ margin-right: 14px;}
.liji-tj{ float: left; width: 140px; height: 146px; background-color:#c8271f;text-align: center; margin-top: 56px;}
.liji-tj input{width: 140px; height: 146px; background-color:#c8271f; color: #fff; font-size: 24px;}
.js-demo-0 input{ width: 110px; height: 34px; margin-left: 10px;border: #ccc 1px solid; border-radius: 4px; padding-left: 5px;vertical-align:middle;}
.huoqu{ width: 172px; height: 224px; float: left; background:url(../images/huoqu.png) no-repeat; margin-top: 17px; margin-left: 10px;}
.huoqu-ct{width: 148px; height: 224px; margin-left: 24px;}
.huoqu .leiji{ font-size: 24px; color: #424242;text-align: center; margin-top: 50px;}
.huoqu .shuzi{ font-size: 28px; color:#fef60c;text-align: center; margin-top: 11px;letter-spacing:11px; margin-left: 8px;}
.huoqu .wei{ font-size: 14px; color:#666;text-align: center; margin-top: 20px;}


/*经典案例*/
.case{ background: url(../images/case-bg.jpg) no-repeat; height: 932px; padding-top: 30px;}
.case .center-box1 h1{font-size:36px; color:#333; font-weight: bold; text-align: center;}
.case .center-box1 h2{font-size:18px; color:#333;text-align: center;}
.tab_box1{ width:1200px; height:580px; overflow: hidden}
.tab_box1 .tab_tit1{ width:1200px; height:64px;}
.tab_box1 .tab_tit1 a{display:block;width:214px;height:64px;line-height:64px;text-align:center;
	text-decoration:none;color:#ffffff; background: url(../images/xl-graybg.jpg) no-repeat; margin: 0 13px;
	float:left; font-family:"微软雅黑"; font-size:18px;}
.tab_box1 .tab_tit1 .tab_current1{ width:214px; height:64px; background: url(../images/xl-redbg.jpg) no-repeat;}
.case .ck{ background: url(../images/ckgd-gray.png) no-repeat center; width: 211px; height: 52px; margin:20px auto;}
.case .ck a{font-size:18px; color:#333; display: block;line-height: 52px; margin-left:30px;}
.tab_con1{ height: 506px; position: relative;}
/*设计团队*/
.sy-sjtd{height: 872px; padding-top: 60px; background-color: #fff;}
.sy-sjtd .ck{background: url(../images/ckgd-gray.png) no-repeat center; width: 211px; height: 52px; margin:50px auto;}
.sy-sjtd .ck a{font-size:18px; color:#333333; display: block;line-height: 52px; margin-left:25px;}
.clearfix1:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.clearfix1{zoom:1;}
.w1002{width:1200px;margin:0 auto; height: 552px;}
.caseImg03{margin-top:8px;position:relative;}
.slideCase03{position:absolute;right:0px;}
.smallImg03{float:left;margin-left:25px;margin-top:8px;cursor:pointer;}
.smallImg03 img{width:182px;height:272px;}

.caselayBox{width:370px;height:552px;position:absolute;left:0px;top:8px;background:#000;}
.casehtml{position:relative;}
.caselayBox img{width: 370px; height: 552px;}
.hidden{display:none;position:relative; height: 552px;}
.hidden img{ width: 370px; height: 552px;}
.hiddBg{position:absolute; padding-top: 10px; background:url(../images/Imgbg03.png) repeat;width:370px;height:210px;left:0;bottom: 0;display:none;}
.hiddBg h4{color:#fff;font-size:18px;width:370px;text-align: center; line-height:40px;height:40px;}
.hiddBg p{color:#fff;font-size:18px;width:350px;text-align: center; line-height:28px;height:28px; margin: 0 auto;}

.wei60{ width: 389px; height: 272px; background-color: #c8271f;margin-left:25px;float:left;margin-top:8px;}
.wei60 h1{ text-align: center;color:#fff;font-size:40px;line-height:60px; margin-top: 30px;}
.wei60 h2{ text-align: center;color:#fff;font-size:24px;line-height:40px;}
.wei60 a{ display: block; margin: 20px auto; width: 250px; height: 42px;}
.xt-box{ position: relative; height: 272px;}
.xt-box .tp-bot{ position: absolute; left: 0; bottom: 0; width: 182px; height: 30px; background-color: #000; opacity: 0.6; z-index: 1000;
                text-align: center;font-size:14px;line-height:30px;}

.tp-bot span{ text-align: center;color:#fff;font-size:14px;line-height:30px; opacity:1;}



/*reason*/
.reason{ background-color: #000000; height: 202px;}
.reason .center-box3{ width: 1200px; height: 202px; background: url(../images/reason.jpg) no-repeat; margin: 0 auto;}
.video-bg{ background: url(../images/20180323_08.jpg) no-repeat left center; height: 730px;}
.center-box4{ width: 1200px; margin: 0 auto; height: 564px;padding-top: 85px;}
.five-ys{ width: 535px; height: 564px; float: right;}
/*.center-box4 .embed{ margin-top: 165px;}*/
/*工厂 工艺设备*/
.red-bg{ background-color:#c8271f; padding-top: 50px; height:932px;}

.red-bg .center-box1 h1{font-size:36px; color:#FFFFFF; font-weight: bold; text-align: center;}
.red-bg .center-box1 h2{font-size:18px; color:#FFFFFF;text-align: center;}

.fac-one{ width: 390px; height: 196px; position: relative; float: left; margin:5px;}
.fac-one img{width: 390px; height: 196px;}
.fac-one .fac-text{ width: 390px; height: 50px; position: absolute; left: 0; bottom: 0;background-color: #000; opacity: 0.6;}
.fac-text p{font-size:18px; color:#FFFFFF;text-align: center; line-height: 50px;}
.fac-text a{ color: #FFFFFF;}
.red-bg .ck{ background: url(../images/ckgd.png) no-repeat center; width: 211px; height: 52px; margin:20px auto;}
.red-bg .ck a{font-size:18px; color:#FFFFFF; display: block;line-height: 52px; margin-left:50px;}
/*客户评价*/
/*.customer{ background-color: #FFFFFF;padding-top: 100px; height: 832px;}*/
/*合作伙伴*/
.hzhb{background-color: #FFFFFF;padding-top: 60px; height: 872px;}
.hzhb-1{ float: left; margin: 0 10px; width: 220px; height: 260px;}
.hzhb-1 .hzhb-img{ width: 220px; height: 220px;}
.hzhb-1 .hzhb-img img{ width: 220px; height: 220px;} 

.hezuo{ width: 220px; height: 40px; background-color: #f6f6f6; text-align: center;}
.hezuo a{ line-height: 40px;font-size:16px; color:#666666;display: block;}
.hzhb .ck{background: url(../images/ckgd-gray.png) no-repeat center; width: 211px; height: 52px; margin:30px auto;}
.hzhb .ck a{font-size:18px; color:#333333; display: block;line-height: 52px; margin-left:50px;}

/*.eva-1{ width:350px; height: 564px; position: relative; float: left; margin: 0 25px;}
.eva-1 .eva-text{ width: 350px; height:420px; position: absolute; left: 0; bottom:0; background-color: #F5F5F5;}
.eva-1 .eva-pic{ position: absolute;top: 0; width: 288px; height: 288px; z-index: 10; left: 31px;}
.eva-1 .eva-pic img{width: 288px; height: 288px;}
.eva-1 .eva-text h1{font-size:16px; color:#333333;text-align: center; margin-top: 160px; line-height: 50px;}
.eva-1 .eva-text p{font-size:14px; color:#666666;line-height: 30px; margin: 0 20px;}
.eva-1 .eva-text p a{font-size:14px; color:#666666;}
.eva-1 .eva-text .kh-ck{ width: 170px; height: 38px; border: solid #333333 1px;
	               font-size:16px; color:#333333;text-align: center; display: block; 
	               line-height: 38px; margin: 40px auto 0;}
.eva-1 .eva-text:hover{ background-color: #c8271f;}
.eva-text:hover h1{ color: #fff;}
.eva-text:hover p{ color: #fff;}
.eva-text:hover .kh-js{ color: #fff;}
.eva-text:hover .kh-ck{ border: solid 1px #ffffff; color: #ffffff;}
.hzhb .ck{background: url(../images/ckgd-gray.png) no-repeat center; width: 211px; height: 52px; margin:20px auto;}
.hzhb .ck a{font-size:18px; color:#333333; display: block;line-height: 52px; margin-left:50px;}*/
/*服务标准*/
.service{ background-color:#f7f7f7;padding-top: 100px; height: 932px;}
.ser-1{ width: 600px; height: 230px; float: left;}
.ser-pic{ width: 260px; height: 230px; float: left;}
.ser-one .ser-text{ width: 350px; height: 230px; margin-left: -10px;float: left; background: url(../images/11.png) no-repeat}
.ser-text h3{font-size:24px; color:#333333; line-height: 70px; margin-left: 20px; margin-top: 10px;}
.ser-text p{font-size:16px; color:#333333; line-height: 30px; margin-left:20px;}
.ser-two .ser-text{ width: 350px; height: 230px;float: right; background: url(../images/12.png) no-repeat;}
.ser-one{ margin-top: 80px; height: 230px;}
.ser-two{ margin-bottom: 30px;}
.ser-two .ser-pic{ width: 260px; height: 230px; float: right;  margin-left: -10px;}
.service .ck{background: url(../images/ckgd-gray.png) no-repeat center; width: 211px; height: 52px; margin:60px auto;}
.service .ck a{font-size:18px; color:#333333; display: block;line-height: 52px; margin-left:50px;}

/*流程*/
.liucheng-box{ background-color: #fff;height:832px; padding-top: 100px;}
.liucheng{ width: 1200px; height:641px; background: url(../images/liucheng.jpg) no-repeat; margin: 0 auto;}


/*关于我们*/
.about{ background: url(../images/20180323_02.jpg) no-repeat; height: 932px;padding-top: 200px;}
.about .ab-text{ width: 310px; float: left; margin-right: 26px;}
.about .ab-img{float: left;}
.center-box6{ width: 1200px; height: 600px; margin: 0 auto;}
.ab-text h1{font-size:30px; color:#c8271f; line-height: 50px; font-weight: bold; text-align: right;}
.ab-text h2{font-size:18px; color:#c8271f; line-height:40px;text-align: right;}
.ab-text p{font-size:14px; color:#FFFFFF; line-height:30px;text-align: right;}
.ab-text a{ width: 106px; height: 36px; border: solid #c8271f 1px;
	               font-size:14px; color:#c8271f;text-align: center; display: block; 
	               line-height: 36px;float: right; margin-top: 20px;}


/*新闻*/
.news{ height: 932px;background-color: #fff; padding-top: 30px;}
.news .qiye{ float: left; width: 730px; height: 430px; background-color: #f5f5f5; margin-right: 30px;}
.news .hangye{ float: left;}
.tab_box{ width:680px; height:380px; margin:25px auto;}
.tab_box .tab_tit{ width:680px;height:44px;}
.tab_box .tab_tit a{display:block;width:140px;height:44px;line-height:44px;text-align:center;	text-decoration:none;color:#FFFFFF;
	                float:left; font-family:"微软雅黑"; font-size:18px; background-color: #333333; margin-right: 18px;}
.tab_box .tab_tit .tab_current{ width:140px; height:44px;background-color:#c8271f; }

.new-top{width:680px;height:144px; margin-top: 30px;}
.new-top .top-pic{ float: left; width: 210px; height: 144px;}
.new-top .top-pic img{ width: 210px; height: 144px;}
.new-top .top-text{float: left; width: 450px; height: 144px; margin: 0 10px;}
.new-top .top-text h3{font-size:16px; color:#333333;line-height:40px;}
.top-text h3 a{font-size:16px; color:#333333;line-height:40px;}
.new-top .top-text p{font-size:14px; color:#666666; line-height:24px;}
.top-text p a{font-size:14px; color:#666666; line-height:24px;}
.new-top .top-text h4{font-size:14px; color:#666666;line-height:40px;}

.new-bot{width:680px;margin-top: 20px;}
.new-bot li{height: 40px; border-bottom: 1px #cccccc dashed; width: 680px;font-size:14px; color:#CCCCCC;
	text-align:right; line-height: 40px; background: url(../images/square.jpg) no-repeat left center;}
.new-bot li a{line-height: 40px;font-size:14px; color:#666666; float: left; padding-left: 20px;}
.new-bot li:hover a{ color:#c8271f; }
.news .hangye{ float: left; width: 440px; height: 430px; background-color: #f5f5f5;}
.hangye-box{ width: 400px; height: 380px; margin: 25px auto;}
.hangye-box .hy-bt{ float: left; height: 54px;}
.hangye-box .hy-bt h1{font-size:18px; color:#222222; line-height:24px;}
.hangye-box .hy-bt h2{font-size:12px; color:#999999; line-height:24px;}
.hy-bt .hy-bt-hx{ width: 50px; height: 1px; background-color:#c8271f; }
.hangye-box .hangye-more{ float: right; height: 54px; line-height: 54px;}
.hangye-box .hangye-more a{font-size:12px; color:#999999; line-height:54px; display: block;}
.hangye-box .hangye-more:hover a{ color:#c8271f; }
.hy-pic{ width: 400px; height: 192px; margin: 20px 0;}
.hy-pic img{width: 400px; height: 192px;}
.hy-bot{ width: 400px;}
.hy-bot li{font-size:14px; color:#666666; line-height: 32px;}
.hy-bot li a{font-size:14px; color:#666666; line-height: 32px;}
.hy-bot  li:hover a{ color:#c8271f; }
/*导航*/
.footer{ height: 292px; margin-top:44px;}
.nav-box{ height: 52px; background-color: #333333;}
.nav-box ul .line{width:1px; height:20px;background:url(../images/17.jpg) no-repeat; margin-top: 16px;}
.nav-box ul{list-style:none; position: relative;}
.nav-box li{ float:left; line-height: 52px; height: 52px;}
.nav-box li a{ line-height:52px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF; padding:0 44px 0 44px;display: block;}
.nav-box ul li:hover{ background-color:#c8271f;}

.bot-inf{ height: 240px; background-color: #c8271f;}
.bot-inf .er-in{ height: 114px; padding: 30px 0 0;}
.bot-inf .er-in img{ float: left;}
.bot-inf .er-in .logo-w{ margin-top: 32px;}
.bot-inf .er-in p{ float: left;font-size:14px; color:#FFFFFF; line-height: 32px; height: 114px; margin-right: 60px;}
.bot-inf .er-in .banquan{ margin-top: 5px;}
.bot-inf .er-in .saoma{ margin-top: 26px; margin-left: 10px;}
.bot-inf .er-in .bot-sx{ width: 1px; height: 100px; float: left; margin: 7px 32px; background-color: #a72620;}

.lianjie h1{font-size:18px; color:#FFFFFF; line-height: 32px;}

.lianjie h2{font-size:14px; color:#FFFFFF; line-height: 32px;}
.lianjie h2 a{font-size:14px; color:#FFFFFF; line-height: 32px; margin: 0 30px;}